<template>
	<div class="width-percentage">
		<div class="popover-form-item">
			<div class="popover-form-label">计划单号：</div>
			<span>{{ item.code }}</span>
		</div>
		<div class="popover-form-item">
			<div class="popover-form-label">生产品种：</div>
			<span>{{ item.productName }}</span>
		</div>
		<div class="popover-form-item">
			<div class="popover-form-label">完成数量：</div>
			<span>{{ item.quantityProduced || '无' }}</span>
		</div>
		<div class="popover-form-item">
			<div class="popover-form-label">计划数量：</div>
			<span>{{ item.plannerQty }}</span>
		</div>
		<div class="popover-form-item">
			<div class="popover-form-label">生产订单：</div>
			<span>{{ item.productOrderCode }}</span>
		</div>
		<div class="popover-form-item">
			<div class="popover-form-label">计划开工日期：</div>
			<span>{{ item.deliveryDateFrom }}</span>
		</div>
		<div class="popover-form-item">
			<div class="popover-form-label">计划完工日期：</div>
			<span>{{ item.deliveryDateTo }}</span>
		</div>
		<div class="popover-form-item">
			<div class="popover-form-label">计划天数：</div>
			<span>{{ item.actualDays }} 天</span>
		</div>
	</div>
</template>
<script>
    export default {
        props: {
            item: {
                type: Object,
                default() {
                    return {};
                }
            }
        }
    };
</script>
<style scoped lang="scss">
    .popover-form-item {
        display: flex;
        font-size: 12px;
        align-items: center;
        .popover-form-label {
            width: 100px;
            font-weight: bold;
        }
    }
</style>
